<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<script src="js/mui.min.js"></script>
		<style type="text/css">
			.shouye{
				height: 605px;
				width: 375px;
				background-image: url(img/DITU.png);
				padding-top: 530px;
				margin: 0 auto;
			}
			#daohang{
				width: 375px;
				height: 50px;
				background-color: white;
				margin: 0 auto;
			}
			.dingwei{
				margin-top: 17px;
				margin-left: 10px;
				width: 10px;
				height: 15px;
				float: left;
			}
			#daohang h4{
				float: left;
				margin:0 5px;
				line-height: 50px;
			}
			.wode{
				float: right;
				margin-top: 10px;
				margin-right: 10px;
				width: 25px;
				height: 28px;
			}
			.bottom_jiesan{
				width: 355px;
				height: 60px;
				margin:auto 10px;
				background-color: white;
				border-radius: 10px;
				box-shadow: 0px 5px 5px #e7e7e7;
				text-align: center;
			}
			.bottom_jiesan h4{
				line-height: 60px;
				color: #333333;
			}
			#kuang{
				width: 376px;
				margin: 0 auto;
				position: relative;
			}
			#tishi{
				width: 355px;
				height: 80px;
				background-color:white;
				position: absolute;
				top: 10px;
				left: 10px;
				border-radius:10px ;
				box-shadow: 0px 5px 5px #e7e7e7;
				text-align: center;
				display: none;
			}
			#san{
				position: relative;
				width: 375px;
				margin: 0 auto;
			}
			#tishi:target{
				display: block;
			}
			#tishi h5{
				line-height: 40px;
				font-size: 18px;
				margin: 0;
			}
			.tishikuang{
				height: 50px;
				width: 255px;
				margin-left: 50px;
				border-top:1px solid #999999;
			}
		</style>
	</head>

	<body>
		<div id="daohang">
				<img class="dingwei" src="img/DINGWEI.png"/>
				<h4>当前位置：广西民族大..</h4>
				<img id="wode" class="wode" src="img/WODE.png"/>
		</div>
		<div id="san">
			<a href="#tishi">
			<img style="position: absolute;top: 210px;left: 285px;" src="img/iconxiao.png"/>
		</a>
		<a href="#tishi">
			<img style="position: absolute;top: 370px;left: 285px;" src="img/iconxiao.png"/>
		</a>
		<a href="#tishi">
			<img style="position: absolute;top: 480px;left: 235px;" src="img/iconxiao.png"/>
		</a>
		</div>
		<div id="kuang">
			<div id="tishi" class="tishi">
			<h5>目标位置剩余共享雨伞数量</h5>
			<div id="" class="tishikuang">
				<h5 style="float: left;margin-left: 20px;">雨伞&nbsp;&nbsp;&nbsp;&nbsp;20</h5>
				<h5 style="float: left;margin-left: 65px;">雨伞&nbsp;&nbsp;&nbsp;&nbsp;12</h5>				
			</div>
		</div>
		</div>
		<div id="" class="shouye">
			<div id="jiesan" class="bottom_jiesan">
				<h4>借伞</h4>
			</div>
		</div>
		
		
			<script type="text/javascript">
			var jiesan=document.getElementById('jiesan');
			jiesan.addEventListener('tap',function(){
				mui.openWindow({
					url:"saomiao.html",
					id:"saomiao.html"
				});
			})
		</script>
		<script type="text/javascript">
			var wode=document.getElementById('wode');
			wode.addEventListener('tap',function(){
				mui.openWindow({
					url:"wode.html",
					id:"wode.html"
				});
			})
		</script>
	</body>

</html>